<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				padding: 0px;
				margin: 0px;
				font-family: "微软雅黑";
			}
			
			#body {
				width: 100%;
				min-width: 320px;
				background-color: #998162;
			}
			
			#main {
				width: 1200px;
				margin: 0px auto;
				background-color: white;
				min-width: 320px;
			}
			
			#footer {
				background-color: black;
				/*width: 1920px;*/
				height: 270px;
			}
			
			.friendlink {
				font-size: 14px;
				color: #998162;
			}
			
			.f1 {
				width: 430px;
				float: left;
			}
			
			.f2 {
				width: 128px;
				float: right;
				margin-top: 30px;
			}
			
			.f2 p {
				padding-top: 5px;
				text-align: center;
			}
			
			.f3 {
				margin-right: -5px;
			}
			
			.f4 {
				width: 550px;
				float: left;
				margin-top: 40px;
				margin-left: 10px;
			}
			
			.f4>a {
				display: inline-block;
				text-decoration: none;
				background-image: url(img-mayue/矩形-6-拷贝.png);
				background-repeat: no-repeat;
				width: 114px;
				height: 30px;
				text-align: center;
				line-height: 30px;
				color: white;
				margin: 0px 7px;
			}
			
			.f4-p {
				margin: 20px 0px 0px 30px;
			}
			
			.f4-p p {
				padding-top: 10px;
			}
			
			.f5 {
				float: left;
				margin: 20px 0px 0px 10px;
			}
			
			.f5 img {
				float: left;
			}
			
			.f6 img {
				width: 100px;
				height: 100px;
				float: left;
			}
			
			#head {
				height: 68px;
				background-color: #cccccc;
			}
			
			#head_top {
				width: 1200px;
				line-height: 68px;
				margin: 0px auto;
			}
			
			#head_top .img1 {
				float: right;
				margin: 20px 0px 20px 0px;
			}
			
			#top {
				height: 555px;
				background-color: #1a1a1a;
			}
			
			#top_top {
				width: 1200px;
				margin: 0px auto;
				padding-top: 60px;
				line-height: 55px;
				position: relative;
			}
			
			#top_top img:hover {
				transform: scale(1.2);
				transition: .5s;
				/*box-shadow: 0px 0px 20px white;
				border-radius: 20px;*/
			}
			
			#top_top .top_top_p1,
			#top_top .top_top_p2,
			#top_top .top_top_p3,
			#top_top .top_top_p4,
			#top_top .top_top_p5 {
				text-align: center;
			}
			
			#top_top .top_top_p2 {
				text-indent: 10em;
			}
			
			#top_top .top_top_p3 {
				text-indent: 25em;
			}
			
			#top_top .top_top_p5 {
				text-indent: -20em;
			}
			
			#top_input {
				width: 90px;
				line-height: 30px;
				background-color: #B4D465;
				position: absolute;
				top: 540px;
				left: 555px;
				text-align: center;
				z-index: 9;
			}
			
			#top_input a {
				color: white;
				text-decoration: none;
				font-weight: bold;
			}
			
			#center_zong {
				position: relative;
				width: 400px;
				height: 265px;
				float: left;
			}
			
			#center_zong1 {
				width: 400px;
				background-size: 405px;
				height: 265px;
			}
			
			.zong1 {
				background-image: url(img_wupeng/10-6.png);
			}
			
			#center_zong:hover .zong1 {
				background-image: url(img_wupeng/caitu1.png);
			}
			
			.zong2 {
				background-image: url(img_wupeng/10-5.png);
			}
			
			#center_zong:hover .zong2 {
				background-image: url(img_wupeng/caitu2.png);
			}
			
			.zong3 {
				background-image: url(img_wupeng/10-3.png);
			}
			
			#center_zong:hover .zong3 {
				background-image: url(img_wupeng/caitu3.png);
			}
			
			.zong4 {
				background-image: url(img_wupeng/10-2.png);
			}
			
			#center_zong:hover .zong4 {
				background-image: url(img_wupeng/caitu4.png);
			}
			
			.zong5 {
				background-image: url(img_wupeng/10-1.png);
			}
			
			#center_zong:hover .zong5 {
				background-image: url(img_wupeng/caitu5.png);
			}
			
			.zong6 {
				background-image: url(img_wupeng/10.png);
			}
			
			#center_zong:hover .zong6 {
				background-image: url(img_wupeng/caitu6.png);
			}
			
			#center_zong2 {
				width: 225px;
				height: 150px;
				background-color: white;
				opacity: 0.8;
				text-align: center;
				line-height: 150px;
				font-size: 40px;
				position: absolute;
				top: 57.5px;
				left: 87.5px;
				display: none;
			}
			
			#center_zong2 a {
				color: #998162;
				text-decoration: none;
				font-weight: bold;
			}
			
			#center_zong:hover #center_zong2 {
				display: block;
			}
			
			.clear {
				clear: both;
			}
			
			#center_buttum {
				height: 400px;
				background-color: #CCCCCC;
			}
			
			#center_buttum .p1 {
				color: #998162;
				font-size: 20px;
				font-weight: bold;
				text-indent: 2em;
				padding-top: 15px;
			}
			
			#center_buttum div {
				width: 300px;
				float: left;
				text-align: center;
				color: #998162;
				font-size: 18px;
				padding: 35px 0px 35px 0px;
				
			}
			#center_buttum .p2{
				font-size: 14px;
				text-align: start;
				text-indent: 2em;
				padding: 0px 30px 0px 30px;
			}
			#center_buttum .p3{
				color: #998162;
				font-size: 14px;
				line-height: 30px;
				position: relative;left: -360px;top: 25px;
			}
		</style>
	</head>

	<body>
		<div id="head">
			<div id="head_top">
				<img align="center" src="img_wupeng/图层-1.png" />
				<a href="home.html"><img class="img1" src="img_wupeng/矢量智能对象.png" /></a>
			</div>
		</div>
		<div id="top">
			<div id="top_top">
				<p class="top_top_p1">
					<a href="#"><img src="img_wupeng/Special-exhibition-hall-to-create-experts.png" /></a>
				</p>
				<p class="top_top_p2">
					<a href="#"><img src="img_wupeng/Our-mission.png" /></a>
				</p>
				<p class="top_top_p3">
					<a href="#"><img src="img_wupeng/Mining-city-culture,-making-city-brand.png" /></a>
				</p>
				<p class="top_top_p4">
					<a href="#"><img src="img_wupeng/Our-mission-拷贝.png" /></a>
				</p>
				<p class="top_top_p5">
					<a href="#"><img src="img_wupeng/The-leader-of-city-culture-.png" /></a>
				</p>
				<p class="top_top_p6">
					<a href="#"><img src="img_wupeng/Our-mission-12.png" /></a>
				</p>
				<div id="top_input">
					<a href="#">点击收起</a>
				</div>
			</div>
		</div>
		<div id="body">
			<div id="main">
				<!--中间-->
				<div id="center">
					<div id="center_zong">
						<div id="center_zong1" class="zong1"></div>
						<div id="center_zong2">
							<a href="#">首页</a>
						</div>
					</div>
					<div id="center_zong">
						<div id="center_zong1" class="zong2"></div>
						<div id="center_zong2">
							<a href="culture2.html">企业文化</a>
						</div>
					</div>
					<div id="center_zong">
						<div id="center_zong1" class="zong3"></div>
						<div id="center_zong2">
							<a href="fuwuxiangmu2.html">服务项目</a>
						</div>
					</div>
					<div id="center_zong">
						<div id="center_zong1" class="zong4"></div>
						<div id="center_zong2">
							<a href="xiangmuanli.html">案例分析</a>
						</div>
					</div>
					<div id="center_zong">
						<div id="center_zong1" class="zong5"></div>
						<div id="center_zong2">
							<a href="lianxi.html">联系我们</a>
						</div>
					</div>
					<div id="center_zong">
						<div id="center_zong1" class="zong6"></div>
						<div id="center_zong2">
							<a href="xinwen2.html">新闻热点</a>
						</div>
					</div>
				</div>
				<div class="clear">

				</div>
				<div id="center_buttum">
					<p class="p1">我们的团队</p>
					<div>
						<img src="img_wupeng/MTXX_20160623074923.png" />
						<p>吴鹏（CEO）</p>
						<p class="p2">个人富含紧凑创新逻辑思维能力与极强的文字敏感度和编写能力，现在主要负责微营销策划、企业文化建设以及相关文案的编...</p>
					</div>
					<div>
						<img src="img_wupeng/龙波.png" />
						<p>龙波（CFO）</p>
						<p class="p2">个人富含紧凑创新逻辑思维能力与极强的文字敏感度和编写能力，现在主要负责微营销策划、企业文化建设以及相关文案的编...</p>
					</div>
					<div>
						<img style="width: 120px; height: 135px;" src="img_wupeng/2017-03-03_114732.png" />
						<p>马世杰（CDO）</p>
						<p class="p2">个人富含紧凑创新逻辑思维能力与极强的文字敏感度和编写能力，现在主要负责微营销策划、企业文化建设以及相关文案的编...</p>
					</div>
					<div>
						<img src="img_wupeng/mayue.png"/>
						<p>马越（CBO）</p>
						<p class="p2">个人富含紧凑创新逻辑思维能力与极强的文字敏感度和编写能力，现在主要负责微营销策划、企业文化建设以及相关文案的编...</p>
					</div>
					<p class="p3">
						查看跟多团队信息
					</p>
				</div>
				
				<!--尾部-->
				<div class="clear">
					
				</div>
				<div id="footer">
					<div class="friendlink">
						<div class="f1">
							<div class="f2">
								<img src="img-mayue/图层-10.png" />
								<p>手机扫描二维码</p>
								<p>关注大象东方</p>
							</div>
							<div class="f2">
								<img src="img-mayue/图层-11.png" />
								<p>手机扫描二维码</p>
								<p>关注大象东方</p>
							</div>
							<div class="f2 f3">
								<img src="img-mayue/图层-12.png" />
								<p>手机扫描二维码</p>
								<p>关注大象东方</p>
							</div>
						</div>
						<div class="f4">
							<a href="#">公司介绍</a>
							<a href="#">人才招聘</a>
							<a href="#">网站法律声明</a>
							<a href="lianxi.html">联系我们</a>
							<div class="f4-p">
								<p>版权所有&copy;2015上海大象无形展览展示有限公司</p>
								<p>上海市泸太路785号新华园A楼8008室</p>
							</div>
							<div class="f5">
								<a href="http://qzone.qq.com"><img src="img-mayue/图层-15.png" /></a>
								<a href="http://weibo.com"><img src="img-mayue/图层-16.png" /></a>
								<a href="http://t.qq.com"><img src="img-mayue/图层-17.png" /></a>
								<a href="http://wx.qq.com"><img src="img-mayue/图层-18.png" /></a>
								<a href="http://www.renren.com"><img src="img-mayue/图层-19.png" /></a>
								<a href="#"><img src="img-mayue/图层-20.png" /></a>
							</div>
						</div>
						<div class="f6">
							<img src="img-mayue/图层-13.png" />
							<img src="img-mayue/图层-14.png" />
						</div>
					</div>

				</div>
			</div>

		</div>
	</body>

</html>